<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>短信设置</title>
		<link rel="stylesheet" type="text/css" href="../mobile/js/layer/css/modules/layer/default/layer.css" />
		<link rel="stylesheet" type="text/css" href="../mobile/js/layer/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		
		<style>
			.editable, .editable2, input[type="text"], input[type="password"] {
			    line-height: 20px;
			    white-space: nowrap;
			    display: inline-block;
			    height: 20px;
			    overflow: hidden;
			    cursor: text;
			}
		</style>
		
	</head>
	<body>
		
		<div class="main_bg">
			<div class="setting_meun">
				<ul class="setting_meunul">
					<li >基本设置</li>
					<li class="active">短信设置</li>
				</ul>
				
				<div class="clear"></div>
			</div>
			
			<div class="setting_main">
				<div class="setting_mainbox">
					<dl class="row">
						<dt class="tit">短信平台</dt>
						<dd class="opt">
							<select class="selectbox">
								<option>阿里云</option>
							</select>
							<p class="prompt">选择短信平台</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit">短信平台(appKey)</dt>
						<dd class="opt">
							<input type="text" placeholder="请输入短信平台配置appkey" class="input-txt" />
							<p class="prompt">短信平台配置appkey/keyid</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit">短信平台{secretKey}</dt>
						<dd class="opt">
							<input type="text" placeholder="请输入短信平台配置secretKey" class="input-txt" />
							<p class="prompt">短信平台配置secretKey</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit">公司名/品牌名/产品名</dt>
						<dd class="opt">
							<input type="text" placeholder="请输入公司名/品牌名/产品名" class="input-txt" />
							<p class="prompt">公司名/品牌名/产品名</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit">用户实名制时</dt>
						<dd class="opt">
							<div class="sex-box">
								<label for="radio" class="radioplace radioleft active">开启</label><label for="radio1" class="radioplace radioright">关闭</label>
								<input type="radio" id="radio" checked="checked" name="radiobox" class="radiobox" value="0" />
								<input type="radio" id="radio1" name="radiobox" class="radiobox" value="1" />
							</div>
							
							<p class="prompt">请选择是否开启该功能</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit"></dt>
						<dd class="opt">
							<button class="comfimbtn">确认提交</button>
						</dd>
					</dl>
					
				</div>
				
				
			</div>
			<div class="clear"></div>
			
		</div>
		
		
	</body>
	<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
	<script src="../mobile/js/layer/layer.js"></script>
	<script src="../mobile/js/layer/layui.js"></script>
	
	
	<script>
		
		$('.radiobox').change(function(){
			if($(this).val()==0){
				$(this).siblings(".radioleft").addClass("active").siblings(".radioright").removeClass("active");
			}else if($(this).val()==1){
				$(this).siblings(".radioright").addClass("active").siblings(".radioleft").removeClass("active");
			}
			
		})
		
	</script>
	
</html>
